function refreshRem(){
  /*把基准rem设置为屏幕宽度的十分之一*/
  var docEl = document.documentElement;
  var width = docEl.getBoundingClientRect().width;
  var rem = width / 10;
  docEl.style.fontSize = rem + 'px';
}

refreshRem();   // 设置rem

// dom结构加载好时，重设rem
window.addEventListener('DOMContentLoaded', refreshRem);

// 屏幕尺寸发生变化时，重设rem
var tid = null;   // 储存定时器
window.addEventListener('resize', function () {
  clearTimeout(tid);  // 做好防抖处理
  tid = setTimeout(refreshRem, 250);
}, false);

// 页面重新加载时，重设rem
window.addEventListener('pageShow', function () {
  clearTimeout(tid);
  tid = setTimeout(refreshRem, 250);
}, false);
